 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/jsp/common/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>CCHVC</title>
    <link href="${path}/static/business/css/bootstrap.min.css" rel="stylesheet">
    <link href="${path}/static/business/css/base.css" rel="stylesheet">
    <link href="${path}/static/business/css/style.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="${path}/static/business/js/html5shiv.min.js"></script>
    <script src="${path}/static/business/js/respond.min.js"></script>
    <![endif]-->
    <link href="${path}/static/business/css/jquery-ui.css" rel="stylesheet">
</head>
<body>
<!--导航开始-->
<div class="header-out">
    <div class="container">
        <div class="row header header-in">
            <nav class="navbar nav-own">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            <span class="sr-only">按钮</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="${path}/web/toShowIndex.do" class="navbar-brand"><img src="${path}/static/business/images/logo.png" alt=""></a>
                    </div>
                    <div class="navbar-headerR">
                        <c:if test="${userObj != null}">
                    		<span class="user f14 fr pos-a">欢迎：${userObj.reg_tel}｜<a href="${path}/user/exit.htm">退出</a>
                    	</c:if>
                    	<c:if test="${userObj == null}">
                    		<a href="${path}/user/login.htm" class="detailBtn">登录</a>
                    	</c:if>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</div>
<!--内容区-->
<div class="detailWrap">
    <div class="detailLeft fl">
        <ul class="detail">
            <h3 class="detailTit">产品详情</h3>
            <li class="detail-item">
                <p class="detail-item-p detail-item-tit1" data-tab="jichu">
                    <span class="fl">基础需求</span>
                    <span class="detail-item-icon fr"></span>
                </p>
                <ul class="detail-item-con jichu ">
                	<c:forEach items="${list}" var="list">
		            	<c:if test="${list.productType==1}">
		            		<li <c:if test="${id==list.id}">class="active"</c:if>>${list.productName}</li>
		            	</c:if>
		            </c:forEach>
                </ul>
            </li>
            <li class="detail-item" >
                <p class="detail-item-p detail-item-tit2" data-tab="gaoji">
                    <span class="fl">高级需求</span>
                    <span class="detail-item-icon fr"></span>
                </p>
                <ul class="detail-item-con gaoji">
                	<c:forEach items="${list}" var="list">
		            	<c:if test="${list.productType==2}">
		            		<li>${list.productName}</li>
		            	</c:if>
		            </c:forEach>
                </ul>
            </li>
            <li class="detail-item" >
                <p class="detail-item-p detail-item-tit3" data-tab="dingzhi">
                    <span class="fl">定制需求</span>
                    <span class="detail-item-icon fr"></span>
                </p>
                <ul class="detail-item-con dingzhi">
                	<c:forEach items="${list}" var="list">
		            	<c:if test="${list.productType==3}">
		            		<li>${list.productName}</li>
		            	</c:if>
		            </c:forEach>
                </ul>
            </li>
        </ul>
    </div>
    ${pro.productDetail}
</div>
<!-- footer开始 -->
<div class="footer">
    <p>北京网视通联科技股份有限公司</p>
    <p>地址：北京市海淀区知春路京仪孵化器D座3层</p>
    <p>Copyright © 2004-2014 CCHVC云通-CDN全业务平台版权所有</p>
    <p>京ICP备14002150号-1 京公网安备1101080213237号</p>
</div>
<script src="${path}/static/business/js/jquery.js"></script>
<script src="${path}/static/business/js/bootstrap.min.js"></script>
<script src="${path}/static/js/common.js"></script>
<script src="${path}/static/js/product.js"></script>
</body>
</html>